import { createRouter, createWebHashHistory } from "vue-router";

export const asyncRouters = [
  {
    path: "/",
    redirect: "/home",
  },
  {
    path: "/home",
    component: () => import("../views/Home/Home.vue"),
    meta: {
      isShowNav: true,
    },
  },
  {
    path: "/category",
    component: () => import("../views/Category/Category.vue"),
    meta: {
      isShowNav: true,
    },
  },
  {
    path: "/cart",
    component: () => import("../views/Cart/Cart.vue"),
    meta: {
      isShowNav: true,
    },
  },
  {
    path: "/user",
    component: () => import("../views/User/User.vue"),
    meta: {
      isShowNav: true,
    },
  },
  {
    path: "/login",
    component: () => import("../views/Login/Login.vue"),
    meta: {
      isShowNav: false,
    },
  },
  // {
  //     path: '/info/:productId',
  //     component: () => import('../views/Info/Info.vue'),
  //     meta: {
  //         isShowNav: false
  //     }
  // },
  // {
  //     path: '/addressList',
  //     component: () => import('../views/Address/AddressList.vue'),
  //     meta: {
  //         isShowNav: false
  //     }
  // },
  // {
  //     path: '/addressAddAndEdit',
  //     component: () => import('../views/Address/AddressAddAndEdit.vue'),
  //     meta: {
  //         isShowNav: false
  //     }
  // },
  // {
  //     path: '/create-order',
  //     component: () => import('../views/CreateOrder/CreateOrder.vue'),
  //     meta: {
  //         isShowNav: false // 控制的是是否展示下边的导航栏
  //     }
  // },
  // {
  //     path: '/order',
  //     component: () => import('../views/Order/Order.vue'),
  //     meta: {
  //         isShowNav: false, // 控制的是是否展示下边的导航栏
  //         til: "订单页"
  //     }
  // },
];

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    ...asyncRouters,
    {
      path: "/:pathMatch(.*)",
      redirect: "/",
    },
  ],
});

router.beforeEach((to, from, next) => {
  document.title = to.meta.til || "V3示例";
  next();
});

export default router;
